<%@ page language="java" pageEncoding="UTF-8"%>
<!DOCTYPE html>
<html>

	<head>
        <meta charset="UTF-8">
        <meta name="viewport"
              content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no"/>
        <title>飞付支付</title>
        <style type="text/css">
            html,
            body {
                width: 100%;
                height: 100%;
                background: url(${host}/img/back.png) no-repeat;
                background-size: cover;
            }

            * {
                margin: 0;
                padding: 0;
                box-sizing: border-box;
            }

            #main {
                width: 90%;
                height: 90%;
                position: fixed;
                top: 0;
                left: 0;
                right: 0;
                bottom: 0;
                margin: auto;
                display: flex;
                flex-direction: column;
            }

            .header {
                display: flex;
                justify-content: flex-start;
                height: 50px;
                line-height: 50px;
                position: relative;
            }

            .header .item1 {
                width: 120px;
                height: 50px;
            }

            .header .item2 {
                height: 40px;
                width: 1px;
                background-color: black;

            }

            .header .item1 {
                margin-right: 15px;
            }

            .header .item1 img {
                width: 100%;
                height: 100%;
            }

            .header .item3 {
                padding-left: 20px;
            }

            .content {
                width: 80%;
                height: 400px;
                padding: 20px;
                background-color: #F3F3F4;
                margin: auto;
                display: flex;
                flex-direction: column;
                justify-content: space-around;
                text-align: center;
            }

            h4 {
                padding: 15px;
            }

            @media (max-width: 765px) {

            }
        </style>
    </head>

	<body>
		<div id="main">
			<div class="header">
				<div class="item item1"><img src="${host}/img/logo.png" style="width: 100%;height: 100%;" /></div>
				<div class="item item2"></div>
				<div class="item item3">为了让支付更简单</div>
			</div>
			<div class="content">
				<div>
					<p>尊敬的用户</p>
                   <h4>您的支付遇到问题，可能是因为以下原因</h4>
				</div>
                   <div style="width: 80%;margin: auto;text-align: left">
                   	<p>${error}</p>
                   </div>
                   <div><h4>飞付支付建议您，联系平台管理员进行处理</h4></div>

			</div>
		</div>
	</body>

</html>